<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>case005</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body style="min-width: 1280px;">
		<header>
			<div class="w">
				<div class="header">
					<div class="w clearfix">
						<div class="fl logo">
							<img src="images/oshine-logo-black.png" alt="">
						</div>
						<ul class="fl navigation clearfix ">
							<li class="fl home"><a href="">Home</a></li>
							<li class="fl letter_title"><a href="">Pages</a></li>
							<li class="fl letter_title"><a href="">Portfolio</a></li>
							<li class="fl letter_title"><a href="">SINGLE PORTFOLIO</a></li>
							<li class="fl letter_title"><a href="">Headers</a></li>
							<li class="fl letter_title"><a href="">Journal</a></li>
							<li class="fl letter_title"><a href="">Shop</a></li>
							<li class="fl letter_title"><a href="">Shortcodes</a></li>
						</ul>
						<span class="fa fa-search"></span>
						<span class="fa fa-bars"></span>
						<span class="fa fa-suitcase"></span>
					</div>
				</div>
				<div class="navigation_temp">
				</div>
			</div>
			<div class="w">
				<div class="header_text">
					STYLISH
				</div>
			</div>
		</header>
		<div class="main">
			<div class="w">
				<div class="main_text_one">
					<h2>WE ARE OSHINE</h2>
					<p>A beautiful responsive multi-purpose wordpress theme</p>
				</div>
				<div class="line_icon">
					<hr class="fl" />
					<div class="fa  fa-spin fl icon"></div>
					<hr class="fl" />
				</div>
				<div class="main_text_two">
					Oshine comes with 12 unique and stunning demos. We have crafted each and every demo with extensive care and
					precision and the theme is power packed yet easy to use.
				</div>
				<div class="bg_one">
					<img src="images/oshin-mockups-1024x377.png" alt="">
				</div>
			</div>
			<div class="span_icons">
				<div class="w clearfix">
					<div class="fl s_icon">
						<span class="fa fa-reddit fa-4x"></span>
						<p>12 DEMOS</p>
					</div>
					<div class="fl s_icon">
						<span class="fa fa-pencil  fa-4x"></span>
						<p>POWERFUL OPTIONS</p>
					</div>
					<div class="fl s_icon">
						<span class="fa fa-diamond fa-4x"></span>
						<p>PAGE BUILDER</p>
					</div>
					<div class="fl s_icon">
						<span class="fa fa-connectdevelop fa-4x"></span>
						<p>UNLIMITED PORTFOLIO</p>
					</div>
				</div>
			</div>
			<div class="last_text_icons w">
				<div class="clearfx">
					<div class="fl l_t_icons_one">
						<div class="l_icon">
							<span class="fa fa-diamond fa-4x"></span>
							<p>MODERN DESIGN</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus, <br>ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
						<div class="l_icon">
							<span class="fa fa-wrench fa-4x"></span>
							<p>SUPER CUSTOMIZABLE</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus,<br> ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
						<div class="l_icon">
							<span class="fa fa-lightbulb-o fa-4x"></span>
							<p>UNIQUE LAYOUT</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus,<br> ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
					</div>
					<div class="fl l_t_icons_two">
						<div class="l_icon">
							<span class="fa fa-spinner fa-spin fa-4x"></span>
							<p>AJAX TRANSITIONS</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus, <br>ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
						<div class="l_icon">
							<span class="fa fa-angellist fa-4x"></span>
							<p>WOO COMMERCE</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus, <br>ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
						<div class="l_icon">
							<span class="fa fa-shopping-basket fa-4x"></span>
							<p>40+ MODULES</p>
							<p>Proin facilisis varius nunc. Curabitur eros risus, <br>ultrices et dui ut, luctus accumsan nibh. Fusce <br>convallis
								sapien placerat tellus suscipit <br>vehicula.</p>
						</div>
					</div>
				</div>
			</div>
			<div class="bg_fixed"></div>
			<div class="our_work">
				<div class="w">
					<div class="main_text_one">
						<h2>OUR WORK</h2>
						<p>A beautiful responsive multi-purpose wordpress theme</p>
					</div>
					<div class="line_icon">
						<hr class="fl" />
						<div class="fl icon"></div>
						<hr class="fl" />
					</div>
				</div>
			</div>
			<div class="square w">
				<div class="h_square"></div>
			</div>
			<div class="title_small ">
				<div class="w">
					<ul class="title_sm fl clearfix ">
						<li class="fl title_s all"><a href="">All</a></li>
						<li class="fl title_s"><a href="">Brochures</a></li>
						<li class="fl title_s"><a href="">Mobile</a></li>
						<li class="fl title_s"><a href="">Slider</a></li>
						<li class="fl title_s"><a href="">Videos</a></li>
						<li class="fl title_s"><a href="">Web</a></li>
					</ul>
				</div>
			</div>
			<div class="image_flash">
				<div class="w clearfix">
					<div class="i_f fl"></div>
					<div class="i_f fl"></div>
					<div class="i_f fl"></div>
					<div class="i_f fl"></div>
					<div class="i_f fl"></div>
					<div class="i_f fl"></div>
				</div>
			</div>
			<div class="main_text w">
				VIEW ALL WORK
			</div>
			<div class="brand">
				<span class="fa fa-twitter fa-4x"></span>
				<p>RT @<a href="">InteractiveAU</a>: Growth hacking is marketing that doesnt scale says</p>
				<a href="">https://t.co/BrrwDbR2Pn</a>
				<p>@envato</p>
			</div>
			<div class="our_cltents">
				<div class="w">
					<div class="main_text_one">
						<h2>OUR CLIENTS</h2>
						<p>A beautiful responsive multi-purpose wordpress theme</p>
					</div>
					<div class="line_icon">
						<hr class="fl" />
						<div class="fa  fa-spin fl icon"></div>
						<hr class="fl" />
					</div>
				</div>
			</div>
			<div class="bt_images">
				<div class="w clearfix">
					<div class="fl bt_image"></div>
					<div class="fl bt_image"></div>
				</div>
			</div>
		</div>
		<footer>
			<div class="footer_one">
				<div class="get_in">
					<div class="w">
						<div class="main_text_one">
							<h2>GET IN TOUCH</h2>
							<p>Have an idea or a project, lets collaborate and build some awesome stuff</p>
						</div>
						<div class="w buy_now">
							BUY NOW
						</div>
					</div>
				</div>
			</div>
			<div class="footer_two">
				<div class="w clearfix">
					<div class="fl ft_one">
						<img src="images/oshin-black-logo.png" alt="">
						<p>
							Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. Sea summo mazim ex, ea errem eleifend
							definitionem vim. Detracto erroribus et mea.
						</p>
						<span class="fl fa fa-spin fa-facebook"></span>
						<span class="fl fa fa-spin fa-twitter"></span>
						<span class="fl fa fa-spin fa-pinterest"></span>
						<span class="fl fa fa-spin fa-dribbble"></span>
					</div>
					<div class="fl ft_two">
						<div class="ft_t_one">
							<h6>Recent Posts</h6>
							<div class="fl"><img src="./images/oshin-ipad-mock-50x34.jpg" alt=""></div>
							<p>Oshine – a Creative <br>Multipurpose WordPress theme</p>
							<p>October 10, 2014</p>
						</div>
						<div class="ft_t_two">
							<div class="fl"><img src="./images/responsive-road-50x36.jpg" alt=""></div>
							<p>If You Are Good At Something, Don’t Do It For Free</p>
							<p>October 10, 2014</p>
						</div>
					</div>
					<div class="fl ft_three">
						<h6>Links</h6>
						<ul>
							<li>Home</li>
							<li>About Us</li>
							<li>Team</li>
							<li>Blog</li>
							<li>Contact</li>
						</ul>
					</div>
					<div class="fl ft_four">
						<h6>From Instagram</h6>
						<div class="ft_img clearfix">
							<div class="footer_img fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/8925690044e337f4d9debf2c6cd32bc3.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/de8c453d761ac7766e88f163e9edeae8.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/536aa2e2a7f4164e20468743ed6e2f70.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/b77b591b7fb67676812d05cddee8237e.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/1c3913c0bb34fc46d7f5f2a6bccb86aa.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/96015b4ff95f287dabad214d239852cc.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/6b01da5c35f3c0e472365147b36d9a72.jpg" alt=""></div>
							<div class="footer_img fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
						</div>
					</div>
				</div>

			</div>
			<div class="footer_three">
				Copyright Brand Exponents 2014. All Rights Reserved
			</div>
		</footer>
	</body>
</html>
